草庐IT

HTML5 SVG

全部标签

javascript - 如何将 m4v 视频文件嵌入到我的 html 网页中?

我目前正在尝试将m4v视频嵌入到我的html网页中。使用以下代码它在googlechrome中完美运行。它需要mozilla的ogv视频浏览器。因为我们无法从客户端获取ogv视频。我也在使用它在英雄框架中。我还尝试使用youtube嵌入代码使用的iframe标签。它适用于webkit浏览器(googlechrome)。但无法在mozillafirefox浏览器中播放。我需要在跨浏览器中播放m4v视频。有什么方法或我在这里缺少任何html标签吗?我探索了很多但找不到有效的解决方案。 最佳答案 m4v格式文件不被浏览器支持,这些格式需要

javascript - 类似风险(基于区域)的 map 和 HTML/JavaScript

假设我们有一个类似Risk的世界地图,它被划分为自定义形状的区域。如何让用户使用HTML5/JavaScript选择一个单独的区域?我假设Canvas2D是第一步,但接下来呢? 最佳答案 有无数伟大的图书馆。举几个例子:http://d3js.org/http://raphaeljs.com/http://paperjs.org/http://box2d-js.sourceforge.net/http://threejs.org/具体例子:http://bl.ocks.org/mbostock/2206590http://rapha

javascript - 为什么没有定义 html2canvas?

如果我调用这个函数,总是得到“html2canvasisnotdefined”。makeScreenshot:function(button){debugger;html2canvas(document.body,{UncaughtReferenceError:html2canvasisnotdefinedonrendered:function(canvas){document.body.appendChild(canvas);}});},但是为什么?我有一类......就像tutorial写了它。有人有解决方案吗?我想我需要在这里包含html2canvas,但我不知道如何。Ext.d

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Gridster - 保存 div 的 html 内容以动态加载网格

我已经用gridster做了一些测试,我可以保存一些gridster数据,比如坐标、大小、ids等。但我无法保存填充gridster的div的内容,我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria

javascript - SVG 向圆环图添加径向渐变

我正在用d3.js绘制图表。是否可以向圆环图添加径向渐变,这张图片怎么样? 最佳答案 假设圆弧部分是已填充的路径元素,您可以使用径向渐变来获得该结果。参见thissimilarquestion,我们可以重用这个例子来达到:vardataset={apples:[53245,28479,19697,24037,40245],};varwidth=460,height=300,radius=Math.min(width,height)/2;varcolor=d3.scale.category20();varpie=d3.layout.p

javascript - 以编程方式将 <a> 添加到 SVG 路径对象

我在使用JavaScript将anchor标记包裹在SVG中的path对象时遇到了问题。所以,这是我的SVG(缩短版,只有两条路径),带有ids:“纹状体1”和“纹状体2”对于ID为“striatum1”的路径,我对链接进行了硬编码,对于ID为“striatum2”的路径,我想以编程方式生成链接。首先,请看一下SVG(brain.svg):image/svg+xml我使用命令将SVG加载到我的HTML文件中:YourbrowserdoesnotsupportSVG现在我使用JavaScript和DOM操作来简单地用anchor包裹路径,就像这样:varbrain=document.ge

javascript - 如何使用 jquery 加载网站 HTML

如何在我的java脚本中加载一些网站以便我可以解析它?我想获取例如Htmlwww.google.com,我想使用jquery选择其中的所有标签。 最佳答案 你不能,因为jquery不允许你加载外部资源,除非你要解析的页面中存在标题:header('Access-Control-Allow-Origin:http://thesitewhereyourjscodeishosted');如果你不能设置它,你可以使用PHP:varwebsite=; 关于javascript-如何使用jquery

javascript - 如何在运动路径上有效地反转 SVG (SMIL) 动画?

我正在尝试确定如何有效地反转此SVG动画(使用SMIL),它使用animateMotion和path上的d属性元素。我需要动画围绕形状逆时针运行。当前动画可以查here相关代码如下。document.getElementById("svgobject").pauseAnimations();STARTSTOP我明白我可以手动反转SVG路径数据命令,包括moveto(M,m)、lineto(L,l)、curveto(C,c)等。考虑到我需要反转的路径坐标数量(除了这个动画中的那些),我正在尝试确定是否有更有效的方法来执行此操作。 最佳答案

javascript - 从 HTML5 FormData 对象中获取所有项目 - HTML5

我一直在使用HTML5FormData对象,但我似乎无法弄清楚如何找到它包含的数据。出于调试目的,我需要访问它。https://developer.mozilla.org/en-US/docs/Web/API/FormData1有类似的功能FormData::get([name]);但是我不知道名字。如果有类似下面的东西就好了:FormData::dumpData();查看FormData对象中所有数据的好方法是什么?更新这是FormData对象的示例: 最佳答案 默认情况下,FormData的所有功能并非在所有浏览器中都可用。但是